@charset "utf-8";

/* 首页 */
.Banner .item .img{display: block; width: 100%;}
.Banner .item .mobile{display: none;}
.Banner .item video,.Banner .BanCon{position: absolute; left: 0; right: 0; z-index: 5;}
.Banner .item video{top: 0; bottom: 0; background: #000; width: 100%; object-fit: cover; max-height: 100%;}
.Banner .BanCon{top: 50%; transform: translate(0, -50%); color: #000;}
.Banner .b6 .BanCon{top: 30%; text-align: right;}
/* .Banner .b2 .BanCon{transform: translate(0, -30%);} */
.Banner .BanCon.whitetxt{color: #fff;}
/* .Banner .BanCon h1{font-size: 0.8rem; line-height: 1rem;} */
.Banner .BanCon h1 img{display: inline-block; width: 8.9rem;}
.Banner .BanCon p{margin-top: 0.3rem; text-transform: uppercase; font-size: 0.2rem; line-height: 0.34rem;}
.Banner .BanCon .CommonMore{display: inline-block; margin-top: 0.92rem; text-align: left;}
.Banner .BanCon .CommonMore img{display: inline-block; width: auto;}
.Banner .slick-current.aniRight .BanCon h1{animation:fadeInRight 1s 1; -webkit-animation:fadeInRight 1s 1;}
.Banner .slick-current.aniRight .BanCon p{animation:fadeInRight 2s 1; -webkit-animation:fadeInRight 2s 1;}
.Banner .slick-current.aniRight .BanCon .CommonMore{animation:fadeInRight 3s 1; -webkit-animation:fadeInRight 3s 1;}

.Banner .slick-current.aniLeft .BanCon h1{animation:fadeInLeft 1s 1; -webkit-animation:fadeInLeft 1s 1;}
.Banner .slick-current.aniLeft .BanCon p{animation:fadeInLeft 2s 1; -webkit-animation:fadeInLeft 2s 1;}
.Banner .slick-current.aniLeft .BanCon .CommonMore{animation:fadeInLeft 3s 1; -webkit-animation:fadeInLeft 3s 1;}

.Banner .slick-current.aniTop .BanCon h1{animation:fadeInUp 1s 1; -webkit-animation:fadeInUp 1s 1;}
.Banner .slick-current.aniTop .BanCon p{animation:fadeInUp 2s 1; -webkit-animation:fadeInUp 2s 1;}
.Banner .slick-current.aniTop .BanCon .CommonMore{animation:fadeInUp 3s 1; -webkit-animation:fadeInUp 3s 1;}

.Banner .slick-current.aniBottom .BanCon h1{animation:fadeInDown 1s 1; -webkit-animation:fadeInDown 1s 1;}
.Banner .slick-current.aniBottom .BanCon p{animation:fadeInDown 2s 1; -webkit-animation:fadeInDown 2s 1;}
.Banner .slick-current.aniBottom .BanCon .CommonMore{animation:fadeInDown 3s 1; -webkit-animation:fadeInDown 3s 1;}

.Banner .slick-current .img img{ -webkit-animation:scaleIn 3s 1; animation:scaleIn 3s 1;}

@keyframes scaleIn {
    0% {
       -webkit-transform:scale(1.2); transform:scale(1.2); transition:500ms;
    }
    100% {
       -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}
@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform:scale(1.2); transform:scale(1.2); transition:500ms;
    }
    100% {
        -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        transform:translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity:0;
        transform:translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        transform:translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.HomeStyle{padding: 4% 0;}
.HomeProduct .item{margin-top: 0.72rem;}
.HomeProduct .slick-list{margin-left: -0.15rem;}
.HomeProduct .item a{display: block; background: #f5f5f5; position: relative;margin: 0 0 0 0.15rem;}

.HomeProduct .item .mask{height: 1.4rem;}
.HomeProduct .item .con{padding: 0.3rem; position: absolute; bottom: 0; left: 0; right: 0; z-index: 9; height: 0.8rem; transition: all 500ms;}
.HomeProduct .item .con .title{line-height: 0.8rem; padding: 0 0.3rem; background: #fff; font-size: 0.2rem; color: #0a2136;}
.HomeProduct .item .con .title .ico img{display: inline-block; vertical-align: middle;}
.HomeProduct .item .con .title .ico .i2{display: none;}
.HomeProduct .item .con .p{border-top: 1px solid rgba(255,255,255,0.2); padding-top: 0.25rem; line-height: 0.3rem; color: #fff; -webkit-line-clamp: 4; opacity: 0;}

.HomeProduct .item a:hover .con{background: rgba(0,91,172,0.9); height: 2.4rem;}
.HomeProduct .item a:hover .con .title .ico .i1{display: none;}
.HomeProduct .item a:hover .con .title .ico .i2{display: inline-block;}
.HomeProduct .item a:hover .con .title{background: none; padding: 0; color: #fff;}
.HomeProduct .item a:hover .con .p{opacity: 1;}

.HomeNews{display: none;}
.HomeNews .box{margin-top: 0.3rem;}
.HomeNews em.ab{position: absolute; right: 0; bottom: 0; background: #005bac; color: #fff; font-size: 0.2rem; text-align: center;}
.TopNews,.HomeNews .list{background: #fff;}
.TopNews{width: 50%; height: 5.5rem;}
.TopNews .Scale-img{height: 4rem;}
.TopNews video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 6;}
.TopNews .con{padding: 0.24rem 0.3rem;}
.TopNews .con .tit{font-size: 0.2rem; line-height: 0.3rem; color: #000; font-weight: bold; margin-bottom: 0.1rem;}
.TopNews .con .p{font-size: 0.14rem; line-height: 0.25rem; -webkit-line-clamp: 2; color: #666;}
.TopNews .ab{width: 1.2rem; line-height: 0.5rem; font-size: 0.26rem;}
.HomeNews .list{width: 44%; padding: 0.3rem 0.3rem 0.18rem; height: 5.02rem;}
.HomeNews .list dd{width: 48.5%; float: left;}
.HomeNews .list dd:nth-child(2n){float: right;}
.HomeNews .list dd .Scale-img{height: 1.8rem;}
.HomeNews .list dd .p{font-size: 0.18rem; line-height: 0.25rem; color: #000; -webkit-line-clamp: 2; margin-top: 0.16rem;}
.HomeNews .list dd .ab{width: 1rem; line-height: 0.4rem;}
.HomeNews .list ul{margin-top: 0.46rem;}
.HomeNews .list li{height: 0.69rem; line-height: 0.69rem; border-top: 1px solid #e6e6e6;}
.HomeNews .list li .ab{color: #999999; font-size: 0.2rem;}

.HomeAbout{background-color: #f5f5f5;}
.HomeAbout .Scale-img{width: 36%;}
.HomeAbout .con{width: 55%;}
.HomeAbout .con .p{margin: 0.32rem 0 0.42rem; line-height: 0.36rem; color: #666; -webkit-line-clamp: 4;}
.HomeAbout .con dl dd{width: 50%; float: left; margin-bottom: 1rem;}
.HomeAbout .con dl dd img{float: left; width: 0.6rem;}
.HomeAbout .con dl dd .con{float: left; margin-left: 0.09rem; width: 2rem;}
.HomeAbout .con dl dd .con .title{line-height: 0.4rem; height: 0.4rem;}
.HomeAbout .con dl dd .con .title span{font-size: 0.4rem;}
.HomeAbout .con dl dd .con .title i{position: relative; top: -0.2rem;}
.HomeAbout .con dl dd .con p{line-height: 0.16rem; color: #666;}

@media ( max-width:1440px){
    .Banner .BanCon h1{font-size: 0.5rem; line-height: 0.6rem;}
    .Banner .BanCon h1 img{width: 6rem;}
    .Banner .BanCon p{font-size: 0.18rem; line-height: 0.24rem;}
    .Banner .BanCon .CommonMore{margin-top: 0.4rem;}
}

@media ( max-width:768px){
    .Banner .item .pc{display: none;}
    .Banner .item .mobile{display: block;}
    .Banner .BanCon h1{font-size: 0.3rem; line-height: 0.24rem;}
    .HomeProduct .item{margin-top: 0.4rem;}
    .TopNews,.HomeNews .list,.HomeAbout .Scale-img,.HomeAbout .con{width: auto; float: none;}
    .HomeAbout .Scale-img{margin: 0 auto 0.2rem; width: 70%;}
    .HomeAbout .con dl dd{margin-bottom: 0.2rem;}
    .HomeAbout .con .p{margin: 0.2rem 0;}
}

@media ( max-width:480px){
    .Banner .b2 .BanCon{transform: translate(0, -50%);}
    .Banner .b6 .BanCon{top: 40%;}
    .Banner .BanCon h1 img{width: 3rem;}
    .Banner .BanCon p{margin-top: 0.1rem; font-size: 0.12rem; display: none;}
    .Banner .BanCon .CommonMore{margin-top: 0.2rem; font-size: 0.16rem; text-align:center;}
    .HomeProduct .item,.HomeNews .box,.HomeNews .list ul{margin-top: 0.2rem;}
    .TopNews{height: auto; margin-bottom: 0.15rem;}
    .TopNews .Scale-img{height: 3rem;}
    .HomeNews .list{padding: 0.15rem; height: auto;}
    .HomeNews .list dd .Scale-img{height: 1.5rem;}
    .HomeAbout .con dl dd img{width: 0.5rem;}
    .HomeAbout .con dl dd .con{width: 1.7rem;}
}

/* 公司简介 */
.AboutBox .title{margin-bottom: 0.48rem;}
.AboutBox .title h2{line-height: 0.5rem; font-size: 0.44rem; color: #0a2136; font-weight: normal; margin-bottom: 0.15rem;}
.AboutBox .title h2 span{display: inline-block; padding-right: 0.25rem; background: #fff; position: relative; z-index: 2;}
.AboutBox .title h2 em{position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #f0f0f0; z-index: 1;}
.AboutBox .title p{margin-bottom: 0.26rem; font-size: 0.3rem; line-height: 0.36rem;}
.AboutBox .title i{display: block; width: 50px; height: 5px; background: #005bac;}
.AboutBox .info{width: 60%; font-size: 0.18rem; color: #666; line-height: 0.44rem;}
/* .AboutBox .info p{text-indent: 2em;} */
.AboutBox .Scale-img{width: 31.9444%;}
.AboutBox dl{background: #2277c2; margin-top: 0.46rem;}
.AboutBox dl::after{content: ''; position: absolute; left: 50%; top: 20%; bottom: 20%; background: #448aca; width: 1px;}
.AboutBox dl dd{width: 50%; float: left; text-align: center; padding: 0.34rem 0;}
.AboutBox dl dd img{display: inline-block; width: 0.88rem;}
.AboutBox dl dd .con{display: inline-block; margin-left: 0.6rem;}
.AboutBox dl dd .con .tit{line-height: 0.42rem; height: 0.42rem; color: #fff; margin-bottom: 0.1rem; text-align: left;}
.AboutBox dl dd .con .tit span{font-size: 0.4rem;}
.AboutBox dl dd .con .tit i{position: relative; top: -0.2rem;}
.AboutBox dl dd .con p{color: rgba(255,255,255,0.5);}
.AboutBox dl dd:hover{background: #448aca;}

@media ( max-width:768px){
    .AboutBox .title{margin-bottom: 0.25rem;}
    .AboutBox .title h2{font-size: 0.3rem; margin-bottom: 0.1rem;}
    .AboutBox .title p{font-size: 0.2rem; margin-bottom: 0.15rem;}
    .AboutBox .info,.AboutBox .Scale-img{width: auto; float: none;}
    .AboutBox .Scale-img{text-align: center; width: 70%; margin: 0.2rem auto 0;}
    .AboutBox .Scale-img img{display: inline-block; width: auto;}
}

@media ( max-width:480px){
    .AboutBox dl dd .con{display: block; margin-left: 0;}
    .AboutBox dl dd .con .tit{text-align: center; margin-top: 0.2rem;}
}

/* 发展历程 */
.HistoryBox{background-image: url(../images/timebg.jpg); padding: 0.84rem 2rem 1rem;}
.HistoryBox .hd::after,.HistoryBox .bd::before{content: ''; position: absolute;}
.HistoryBox .hd::after{left: 0; right: 0; top: 0.8rem; height: 2px; background: rgba(255,255,255,0.6);}
.HistoryBox .hd .item a{display: block; text-align: center; line-height: 0.63rem; height: 0.63rem; padding-bottom: 0.32rem; color: #333; background-repeat: no-repeat; background-position: center bottom; background-size: 0.32rem 0.32rem; background-image: url(../images/dot1.png);}
.HistoryBox .hd .item span{font-size: 0.4rem; margin-right: 0.1rem;}
.HistoryBox .hd .slick-current a{color: #005bac; background-image: url(../images/dot2.png);}
.HistoryBox .slick-arrow{width: 0.36rem; height: 0.36rem; line-height: 0.36rem; border-radius: 50%; border: none; background-color: transparent; margin-top: 0; top: 0.64rem;}
.HistoryBox .slick-arrow span{color: #005bac; font-size: 0.25rem; font-weight: bold;}
.HistoryBox .slick-prev{left: -0.69rem;}
.HistoryBox .slick-next{right: -0.69rem;}
.HistoryBox .slick-arrow:hover span{color: rgba(255,255,255,0.5);}
.HistoryBox .bd{margin-top: 0.42rem; padding: 0.4rem 0.5rem 0.7rem; background: rgba(255,255,255,0.9); border-radius: 0.2rem; box-shadow: 0 3px 4px rgba(0,74,140,0.2);}
.HistoryBox .bd::before{width: 19px; height: 12px; top: -12px; left: 50%; margin-left: -9px; background: url(../images/arr2.png);}
.HistoryBox .bd .list ul{margin-bottom: 0.4rem;}
.HistoryBox .bd .list li{height: 0.6rem; line-height: 0.6rem; padding-left: 0.17rem; background: url(../images/arr1.png) no-repeat 2px center;}
.HistoryBox .bd .list li span{float: right; font-size: 0.15rem; color: #999;}
.HistoryBox .bd .list li.impor .tit{color: #005bac;}

@media ( max-width:1024px){
    .HistoryBox{padding: 0.5rem;}
    .HistoryBox .bd{padding: 0.3rem;}
    .HistoryBox .slick-prev{left: 0;}
    .HistoryBox .slick-next{right: 0;}
}

@media ( max-width:480px){
    .HistoryBox{padding: 0.2rem;}
    .HistoryBox .hd .item span{font-size: 0.3rem;}
    .HistoryBox .bd .list ul{margin-bottom: 0.2rem;}
    .HistoryBox .bd .list li{height: 0.5rem; line-height: 0.5rem;}
}

/* 管理团队 */
.TeamBox{padding: 0.84rem 0.8rem 1.26rem; color: #333;}
.TeamBox .info{margin: 0 0 0.84rem; font-size: 0.22rem; line-height: 0.36rem;}
.TeamBox .list li{width: 12.5%; float: left; text-align: center;}
.TeamBox .list li .number{width: 1.08rem; line-height: 1.08rem; margin: 0 auto 0.26rem; background: #005bac; color: #fff; border: 2px solid #fff; border-radius: 50%; font-size: 0.32rem;}
.TeamBox .list li .title{font-size: 0.18rem; font-weight: bold;}

@media ( max-width:998px){
    .TeamBox{padding: 0.5rem;}
    .TeamBox .info{margin-bottom: 0.4rem; font-size: 0.18rem;}
    .TeamBox .list li{width: 25%; margin-top: 0.2rem;}
    .TeamBox .list li .number{margin-bottom: 0.1rem;}
}

@media ( max-width:480px){
    .TeamBox{padding: 0.3rem;}
    .TeamBox .info{margin-bottom: 0.25rem;}
    .TeamBox .list li{width: 50%;}
}

/* 企业文化 */
.CultureBox .list ul{margin: -1% 0 0 -1%;}
.CultureBox .list li{float: left; margin: 0 0 1% 1%; width: 22.5%; height: 3.7rem; position: relative;}
.CultureBox .list li.i1{width: 52%;}
.CultureBox .list li.i4,.CultureBox .list li.i5,.CultureBox .list li.i6,.CultureBox .list li.i7{height: 3rem;}
.CultureBox .list li.i4,.CultureBox .list li.i5{width: 25.5%;}

.CultureBox .list li .Scale-img,.CultureBox .list li .title{position: absolute; left: 0; right: 0;}
.CultureBox .list li.i1 .Scale-img,.CultureBox .list li.i5 .Scale-img,.CultureBox .list li.i6 .Scale-img{height: 100%;}
.CultureBox .list li.i2 .Scale-img,.CultureBox .list li.i3 .Scale-img{height: 2.2rem;}
.CultureBox .list li.i4 .Scale-img,.CultureBox .list li.i7 .Scale-img{height: 1.7rem;}
.CultureBox .list li.i2 .Scale-img{top: 0;}
.CultureBox .list li.i3 .Scale-img,.CultureBox .list li.i4 .Scale-img,.CultureBox .list li.i7 .Scale-img{bottom: 0;}

.CultureBox .list li .title{top: 0; height: 1.2rem; display: flex; justify-content: center; flex-direction: column; padding: 0 0.4rem; color: #fff; background-color: #f6bb60; background-image: url(../images/c1.png); background-repeat: no-repeat; background-position: right bottom; background-size: 1.89rem auto;}
.CultureBox .list li .title span{display: block; font-size: 0.4rem; line-height: 0.45rem; font-weight: bold; margin-bottom: 0.1rem;}
.CultureBox .list li .title p{letter-spacing: 0.3em; font-size: 0.18rem;font-family: Arial;}
.CultureBox .list li .title p::first-letter{font-weight: bold; font-size: 0.26rem;}
.CultureBox .list li.i2 .title,.CultureBox .list li.i3 .title{height: 1.39rem;}
.CultureBox .list li.i2 .title{top: auto; bottom: 0;}
.CultureBox .list li.i3 .title{background-color: #66b58a; background-image: url(../images/c2.png);}
.CultureBox .list li.i4 .title{background-color: #448aca; background-image: url(../images/c3.png);}
.CultureBox .list li.i7 .title{background-color: #7984b9; background-image: url(../images/c4.png);}

@media ( max-width:768px){
    .CultureBox .list li .title{padding: 0 0.2rem;}
    .CultureBox .list li .title p{letter-spacing: normal;}
}

@media ( max-width:480px){
    .CultureBox .list li{height: 3rem;}
    .CultureBox .list li.i1{width: auto; float: none; height: 3rem;}
    .CultureBox .list li,.CultureBox .list li.i4,.CultureBox .list li.i5{width: 49%;}
    .CultureBox .list li.i4, .CultureBox .list li.i5, .CultureBox .list li.i6, .CultureBox .list li.i7{height: 2.4rem;}
    .CultureBox .list li .title{height: 1rem !important;}
    .CultureBox .list li .title span{font-size: 0.3rem; line-height: 0.3rem; margin-bottom: 0;}
    .CultureBox .list li.i2 .Scale-img, .CultureBox .list li.i3 .Scale-img{height: 1.95rem;}
    .CultureBox .list li.i4 .Scale-img, .CultureBox .list li.i7 .Scale-img{height: 1.35rem;}
}

/* 新闻中心 */
.NewsList ul{padding-bottom: 0.2rem;}
.NewsList li{padding: 0.29rem 0 0.36rem; border: 1px solid #ededed; margin-bottom: 0.4rem; transition: all 300ms;}
.NewsList li a{display: block; padding: 0 0.46rem 0 1.46rem; position: relative;}
.NewsList li .date{position: absolute; left: 0; top: 0; width: 1.16rem; text-align: center; color: #666; line-height: 0.3rem; border-right: 1px solid #ededed;}
.NewsList li .date span{display: block; line-height: 0.4rem; font-size: 0.3rem;}
.NewsList li .date p i{display: none;}
.NewsList li .tit{line-height: 0.35rem; margin-bottom: 4px; font-size: 0.2rem;}
.NewsList li .p{color: #999; -webkit-line-clamp: 1;}
.NewsList li:hover{border: 1px solid #005bac; background: #005bac;}
.NewsList li:hover .date{color: #fff; border-right: 1px solid rgba(255,255,255,0.2);}
.NewsList li:hover .date span{color: #fff !important;}
.NewsList li:hover .tit{color: #fff;}
.NewsList li:hover .p{color: rgba(255,255,255,0.5);}

@media ( max-width:768px){
    .NewsList li{margin-bottom: 0.2rem;}
}

@media ( max-width:480px){
    .NewsList ul{padding-bottom: 0.1rem;}
    .NewsList li .date{position: static; border-right: none; width: auto; text-align: left;}
    .NewsList li .date span{display: none;}
    .NewsList li .date p i{display: inline-block;}
    .NewsList li{padding: 0;}
    .NewsList li a{padding: 0.2rem;}
}

/* 新闻详情 */
.NewsDetail{border: 1px solid #ededed; padding: 0.73rem 0.8rem 0.64rem;}
.News_title{text-align:center; padding-bottom: 0.5rem; margin-bottom: 0.44rem; border-bottom: 1px solid #d6d6d6;}
.News_title h2{line-height: 0.5rem; margin-bottom: 0.3rem; color: #000; font-size: 0.35rem;}
.News_title h2 i{display:block;}
.News_title h3{font-size: 0.24rem; margin-bottom: 0.2rem;}
.News_title p{color:#999;}
.News_title p em{padding:0 0.15rem;}
.News_title p img{display: inline-block; vertical-align: text-bottom; width: 0.26rem; margin-right: 0.1rem;}
.NewsDetail .SinglePage{color: #333; line-height: 0.48rem; font-size: 0.2rem; text-align: justify; padding-bottom: 0.66rem; margin-bottom: 0.46rem; border-bottom: 1px solid #d6d6d6;}
.NewsDetail .SinglePage img{width: 50%; margin: 0.2rem 0;}
.PrevNextBox{padding-right: 1.5rem;}
.PrevNextBox dl{line-height: 0.48rem; font-size: 0.18rem;}
.PrevNextBox dl b{color:#999; font-weight:normal; float: left;}
.backUp{margin-top: 0.5rem; border-radius: 0.05rem; width: 1.5rem; font-size: 0.16rem; line-height: 0.4rem; background: #fff; color: #666; text-align: center;}
.backUp i{display: inline-block; vertical-align: middle; font-size: 0.24rem; margin-right: 0.05rem;}
.backUp:hover{color: #005bac;}

@media ( max-width:1024px){
    .NewsDetail{padding: 0.5rem 0.4rem;}
    .News_title{padding-bottom: 0.25rem; margin-bottom: 0.3rem;}
    .News_title h2{font-size: 0.3rem; line-height: 0.4rem; margin-bottom: 0.15rem;}
    .NewsDetail .SinglePage{margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
    .NewsDetail .SinglePage img{width: auto;}
}

@media ( max-width:640px){
    .PrevNextBox{padding-right: 0;}
}

@media ( max-width:480px){
    .NewsDetail{padding: 0.3rem 0.2rem;}
    .News_title h2{font-size: 0.25rem; line-height: 0.35rem;}
    .News_title h3{font-size: 0.2rem;}
    .News_title p em{padding:0 0.25rem;}
    .NewsDetail .SinglePage{line-height: 0.36rem;}
    .NewsDetail .SinglePage img{margin: 0.1rem 0;}
    .PrevNextBox dl{line-height: 0.4rem;}
}

/* 产品中心 */
.ProductList ul{margin-left: -3%;}
.ProductList li{width: 30.3333%; float: left; margin: 0 0 3% 3%;}
.ProductList li a{display: block; padding: 0.3rem; background: #f5f5f5;}
.ProductList li .con{padding: 0.2rem 0.4rem 0.2rem 0.2rem; margin-top: 0.2rem; line-height: 0.36rem; background: #fff;}
.ProductList li .tit{color: #0a2136; font-weight: bold; font-size: 0.2rem;}
.ProductList li .p{color: #999; font-size: 0.16rem; font-weight: bold;}
.ProductList li i{position: absolute; right: 0.2rem; top: 50%; margin-top: -0.18rem; font-size: 0.25rem; color: #005bac;}
.ProductList li:hover .con{background: #005bac;}
.ProductList li:hover i,.ProductList li:hover .tit{color: #fff;}
.ProductList li:hover .p{color: #dbeeff;}

@media ( max-width:768px){
    .ProductList li a{padding: 0.2rem;}
}

@media ( max-width:640px){
    .ProductList ul{margin-left: 0;}
    .ProductList li{width: auto; float: none; margin: 0 0 0.3rem;}
}

/* 产品详情 */
.ProductBan{line-height: 9.6rem;}
.ProductBan .con,.ProductBan .Scale-img,.ProSlider{display: inline-block; vertical-align: middle;}
.ProductBan .con{width: 56%; line-height: 0.48rem;}
.ProductBan .con .title{font-size: 0.76rem; line-height: 0.82rem; color: #005bac;}
.ProductBan .con .sort{margin-top: 0.4rem; font-size: 0.32rem; color: #0a2136;}
.ProductBan .con .sort i{width: 1px; height: 24px; background: #d2d2d2; display: inline-block; vertical-align: middle; margin: 0 0.26rem;}
.ProductBan .con .info{margin-top: 0.3rem;}
.ProductBan .Scale-img,.ProSlider{width: 40.52%; margin-left: 3%; font-size: 0.2rem; color: #333; line-height: normal;}

.ProSlider .slick-arrow{width: 0.48rem; height: 0.48rem; line-height: 0.48rem; border-radius: 50%; border: none; background-color: transparent; margin-top: -0.24rem;}
.ProSlider .slick-arrow span{color: #fff; font-size: 0.25rem; font-weight: bold; background: #bdbdbd;}
.ProSlider .slick-prev{left: 0;}
.ProSlider .slick-next{right: 0;}

.ProType .Title02,.ProType2 .Title02{margin-bottom: 0;}
.ProType li{padding: 1rem 0;}
.ProType li .con,.ProType li .Scale-img{width: 43.75%;}
.ProType li .con{float: right; padding-top: 0.94rem;}
.pro_tit{font-size: 0.38rem; line-height: 0.5rem; color: #0d1622; margin-bottom: 0.46rem;}
.pro_info{font-size: 0.2rem; line-height: 0.4rem; color: #666; text-align: justify;}
.ProType li .Scale-img{float: left;}
.ProType li:nth-child(2n){background: #f6f6f6;}
.ProType li:nth-child(2n) .Scale-img{float: right;}
.ProType li:nth-child(2n) .con{float: left;}

.ProAdvantage .list{margin: -0.4rem 0 0 -7%;}
.ProAdvantage .list li{margin-top: 0.4rem; width: 18%; float: left; text-align: center; margin-left: 7%;}
.ProAdvantage .list li .yuan{width: 2rem; line-height: 2rem; border-radius: 50%; background: #005bac; color: #fff; font-size: 0.5rem; margin: 0 auto 0.16rem;}
.ProAdvantage .list li .info{line-height: 0.5rem; font-size: 0.24rem; color: #333;}

.ProInstro .list li{margin-bottom: 1rem; box-shadow: 0 3px 15px rgba(0,0,0,0.1);}
.ProInstro .list li .Scale-img,.ProInstro .list li .box{width: 50%;}
.ProInstro .list li .box{float: right;}
.ProInstro .list li .con{padding: 0.84rem 0.9rem 0;}
.ProInstro .list li .con .title{font-size: 0.44rem; line-height: 0.5rem; margin-bottom: 0.4rem; color: #0a2136;}
.ProInstro .list li .con dl dd{line-height: 0.24rem; color: #666; font-size: 0.2rem; padding: 0.08rem 0 0.08rem 0.22rem; background-repeat: no-repeat; background-position: left 0.18rem; background-image: url(../images/dot3.png);}
.ProInstro .list li .Scale-img{float: left;}
.ProInstro .list li:nth-child(2n) .Scale-img{float: right;}
.ProInstro .list li:nth-child(2n) .box{float: left;}
.ProInstro .list li:last-child{margin-bottom: 0;}

.ProSystem table td{background: #f2f2f2; width: 28.6%; height: 0.8rem; text-align: center; font-size: 0.24rem; color: #333;}
.ProSystem table td.title{width: 21.4%; background: #e9f2fa; color: #005bac;}

.FloatMenu{position: fixed; right: 0; top: 50%; width: 1.8rem; transform: translate(0, -50%); z-index: 5;}
.FloatMenu::before{content: ''; position: absolute; left: 0.16rem; top: 0.3rem; bottom: 0.3rem; width: 1px; background: #005bac;}
.FloatMenu .nav-item{display: block; line-height: 0.3rem; margin: 0.2rem 0; font-size: 0.2rem; color: #666; padding-left: 0.49rem; background-repeat: no-repeat; background-position: left center; background-image: url(../images/dot5.png);}
.FloatMenu .active{color: #005bac; background-image: url(../images/dot4.png);}

@media ( max-width:1470px){
    .ProductBan .Scale-img, .ProSlider{width: 39.5%;}
    .ProductBan .con .sort{font-size: 0.2rem;}
    .ProductBan .con .title{font-size: 0.5rem;}

    .ProInstro .list li .con{padding: 0.3rem 0.5rem;}
    .ProInstro .list li .con .title{font-size: 0.28rem; margin-bottom: 0.2rem;}
    .ProInstro .list li .con dl dd{font-size: 0.18rem;}

    .pro_tit{font-size: 0.25rem; line-height: 0.36rem;}
    .ProType li .con{padding-top: 0.4rem;}

    .ProAdvantage .list li .info{font-size: 0.2rem; line-height: 0.26rem;}
    .ProSystem table td{font-size: 0.2rem; height: 0.6rem;}

    .ProAdvantage .list li .yuan{width: 1.2rem; line-height: 1.2rem; font-size: 0.3rem;}
}

@media ( max-width:1340px){
    .ProductBan .con .sort{font-size: 0.18rem;}
    .ProInstro .list li .con .title{font-size: 0.24rem; line-height: 0.3rem;}
    .pro_tit{font-size: 0.22rem; margin-bottom: 0.2rem;}
    .pro_info{font-size: 0.18rem; line-height: 0.24rem;}
}

@media ( max-width:1024px){
    .ProductBan{line-height: 7rem;}
    .ProductBan .con .title{font-size: 0.5rem; line-height: 0.6rem;}
    .ProductBan .con .sort{margin-top: 0.2rem; font-size: 0.25rem;}
    .ProductBan .con .info{margin-top: 0.2rem;}
    .pro_tit,.ProAdvantage .list li .yuan,.ProInstro .list li .con .title{font-size: 0.35rem;}
    .pro_tit,.ProInstro .list li .con .title{line-height: 0.4rem; margin-bottom: 0.2rem;}
    .FloatMenu{display: none;}
}

@media ( max-width:768px){
    .ProductBan{line-height: 5rem;}
    .ProductBan .con .title{font-size: 0.45rem; line-height: 0.5rem;}
    .ProductBan .con .sort i{margin: 0 0.1rem;}
    .ProductBan .con .info{line-height: 0.35rem;}
    
    .ProAdvantage .list li .yuan{width: 1.5rem; line-height: 1.5rem;}
    .ProAdvantage .list li .info{line-height: 0.36rem;}
    .ProInstro .list li{margin-bottom: 0.5rem;}
    .ProInstro .list li .con{padding: 0.3rem 0.3rem 0;}
    .ProInstro .list li .con dl dd{background-position: left 0.14rem;}
    .pro_tit,.ProAdvantage .list li .yuan,.ProInstro .list li .con .title{font-size: 0.26rem;}
    .ProType li .con{padding-top: 0.3rem;}
}

@media ( max-width:480px){
    .ProductBan{padding: 0.6rem 0; line-height: normal;}
    .ProductBan .con,.ProductBan .Scale-img,.ProSlider{display: block; margin-left: 0; width: auto;}
    .ProType li .con,.ProType li .Scale-img,.ProInstro .list li .box,.ProInstro .list li .Scale-img{width: auto; float: none;}
    .ProductBan .con .title{font-size: 0.35rem; line-height: 0.4rem;}
    .ProductBan .con .sort{font-size: 0.18rem;}
    .ProductBan .Scale-img,.ProSlider,.ProType li .Scale-img{margin-top: 0.3rem;}
    .ProType li{padding: 0.5rem 0;}
    .ProType li .con{padding-top: 0;}
    .ProAdvantage .list li{width: 43%;}
    .ProAdvantage .list li .info{font-size: 0.2rem;}
    .ProInstro .list li{margin-bottom: 0.3rem;}
    .ProInstro .list li .con{padding: 0.3rem;}
    .ProInstro .list li .con .title{font-size: 0.28rem; margin-bottom: 0.1rem;}
    .ProSystem table td{font-size: 0.18rem;}
}

/* 解决方案 */
.SolveBox .list ul{margin: -0.6rem 0 0 -3%;}
.SolveBox .list li{width: 30.333%; float: left; margin: 0.6rem 0 0 3%;}
.SolveBox .list li a{display: block; padding: 0.2rem; background: #f1f1f1; text-align: center; position: relative; cursor: default;}
.SolveBox .list li .Scale-img{height: 2.2rem; cursor: default;}
.SolveBox .list li .title{position: absolute; left: 50%; top: 50%; z-index: 5; width: 2rem; line-height: 0.7rem; margin: -0.35rem 0 0 -1rem; font-size: 0.24rem; background: rgba(47,117,181,0.9); color: #fff;}

@media ( max-width:480px){
    .SolveBox .list ul{margin: -0.1rem 0 0 0;}
    .SolveBox .list li{width: auto; float: none; margin: 0.3rem 0 0;} 
}

/* 产品详情2 */
.ProDetail .con{width: 56.25%; padding-top: 1rem;}
.ProDetail_add .con{padding-top:1.4rem;}
.ProDetail .Scale-img{width: 37.08%;}
.ProAdvantage2 .list{margin-left: -3%;}

.ProAdvantage2 li{float: left; width: 17%; text-align: center; margin-left: 3%;}
.ProAdvantage2 li .con{border: 1px solid #e1e1e1; border-radius: 8px; padding: 0.45rem 0.4rem;}
.ProAdvantage2 li .icon{display: inline-block; width: 1rem; margin-bottom: 0.2rem;}
.ProAdvantage2 li .info{font-size: 0.24rem; line-height: 0.4rem;}
.ProAdvantage2 li:hover{box-shadow: 0 3px 0.2rem rgba(0,0,0,0.1);}
.ProAdvantage2 li:hover .icon{-webkit-animation: bounceAni 0.3s linear 1; animation: bounceAni 0.3s linear 1;}

.ProAdvantage2 .list1 li{width: 22%;}
.ProAdvantage2 .list1 li .info,.ProAdvantage2 .list3 li .info{height: 0.8rem; overflow: auto;}
.ProAdvantage2.nob li .con{border: none;}
.ProAdvantage2.nob li:hover .con{background: #fff;}

.ProAdvantage2 .list3 li{width: 13.666%;}


.SceneBox ul{margin-left: -3%;}
.SceneBox li{width: 30.333%; float: left; margin-left: 3%; background: #f6f6f6; position: relative;}
.SceneBox li .Scale-img{height: 5rem; opacity: 0; transition: all 300ms;}
.SceneBox li .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; z-index: 5;}
.SceneBox li .con{position: absolute; left: 0.4rem; right: 0.4rem; top: 50%; transform: translate(0,-50%); z-index: 6;}
.SceneBox li .con .ico{display: block; width: 1.5rem; margin: 0 auto 0.4rem;}
.SceneBox li .con .info{font-size: 0.2rem; line-height: 0.36rem;}
.SceneBox li:hover .con .ico{display: none;}
.SceneBox li:hover .Scale-img,.SceneBox li:hover .mask{opacity: 1;}
.SceneBox li:hover .info{color: #fff;}

@media ( max-width:1470px){
    .ProDetail .con{padding-top: 0;}
	.ProDetail_add .con{padding-top:0.8rem;}
    .ProAdvantage2 li .con{padding: 0.15rem;}
    .ProAdvantage2 li .info{line-height: 0.3rem; font-size: 0.16rem;}
    .SceneBox li .con{left: 0.2rem; right: 0.2rem; top: 14%; transform: translate(0,0);}
    .SceneBox li .con .ico{width: 0.8rem; margin-bottom: 0.25rem;}
    .SceneBox li .con .info{font-size: 0.18rem;}
    .SceneBox li:hover .con{top: 50%; transform: translate(0,-50%);}
}

@media ( max-width:1024px){
    .ProDetail .con{padding-top: 0.5rem;}
	.ProDetail_add .con{padding-top:1.6rem;}
    .SceneBox li .con{top: 25%;}
}

@media ( max-width:768px){
    .ProDetail .con{padding-top: 0.3rem;}
	.ProDetail_add .con{padding-top:1.1rem;}
    .ProAdvantage2 li,.ProAdvantage2 .list1 li,.ProAdvantage2 .list3 li{width: 47%; margin: 0.1rem 0 0.1rem 3%;}
    .ProAdvantage2 .list2 li:first-child{width: auto; float: none;}
    .ProAdvantage2 li .con{padding: 0.3rem 0.2rem;}
    .ProAdvantage2 li .info{height: auto;}
	.ProAdvantage2 .list3 li .info{height: 0.3rem;}
}

@media ( max-width:480px){
    .ProDetail .con,.ProDetail .Scale-img{width: auto; float: none;}
    .ProDetail .con{padding-top: 0;}
    .ProDetail .Scale-img{margin-top: 0.25rem;}
    .ProAdvantage2 .list1 li .info{font-size: 0.2rem;}
    .ProAdvantage2 li .icon{width: 0.8rem;}
    .ProAdvantage2.nob li .con{padding: 0.15rem;}
    
    .SceneBox li{width: auto; float: none; margin: 0.2rem 0;}
    .SceneBox li .con{top: 50%; transform: translate(0,-50%);}
    .SceneBox li .con .ico{display: none;}
    .SceneBox li .Scale-img,.SceneBox li .mask{opacity: 1;}
    .SceneBox li .info{color: #fff;}
}

/* 荣誉资质 */
.Reward_left{width: 32%; margin-top: 1.12rem;}
.Reward_left ul{padding: 0.65rem 0 0.65rem 1.16rem;}
.Reward_left .icon{position: absolute; left: 0; top: 50%; height: 0.72rem; margin-top: -0.36rem;}
.Reward_left li{font-size: 0.28rem; color: #777; line-height: 0.9rem;}
.Reward_left li span{font-size: 0.36rem; letter-spacing: 0.05em;}

.Reward_right{background: #f9f9f9; width: 63.8888%;}
.PicList{padding: 0.4rem 0.4rem 0.2rem;}
.PicList ul{margin-left: -2%;}
.PicList li{float: left; margin: 0 0 0.2rem 2%;}
.PicList li a{display: block; padding: 0.1rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.PicList li.i1,.PicList li.i2{width: 30.373%;}
.PicList li.i3,.PicList li.i4{width: 32.7%;}
.PicList li.i5,.PicList li.i6,.PicList li.i9,.PicList li.i10{width: 36.214%;}
.PicList li.i7,.PicList li.i8{width: 21.028%;}
.PicList li.i5,.PicList li.i8{clear: both;}

.HonnorList ul{text-align: center;  font-size: 0;}
.HonnorList li{width: 30.333%; display: inline-block; margin: 0 1.5% 3%;}
.HonnorList li a{display: block; padding: 0.2rem; background: #f9f9f9; border: 1px solid #efefef;}
.HonnorList li .imgbg{background-image: url(../images/honnorbg.jpg); background-size: 100% 100%;}
.HonnorList li .tit{line-height: 0.27rem; margin-top: 0.18rem; font-size: 0.2rem; text-align: center;}

@media ( max-width:1360px){
    .Reward_left ul{padding: 0.4rem 0 0.4rem 1.16rem;}
    .Reward_left li{line-height: 0.5rem; font-size: 0.24rem;}
}

@media ( max-width:768px){
    .Reward_left,.Reward_right{width: auto; float: none;}
    .Reward_left{margin-top: 0;}
    .Reward_left ul{width: 50%; float: left; padding: 0.4rem 0; text-align: center;}
    .Reward_left .icon{position: static; display: inline-block; margin-bottom: 0.2rem; height: 0.5rem;}
    .Reward_left li{line-height: 0.5rem; font-size: 0.24rem;}
    .Reward_left li span{font-size: 0.28rem;}
}

@media ( max-width:480px){
    .Reward_left .icon{height: 0.45rem;}
    .Reward_left li{font-size: 0.2rem; line-height: 0.36rem;}
    .Reward_left li span{font-size: 0.24rem;}
    .PicList{padding: 0.2rem 0.2rem 0.05rem;}
    .PicList li{width: 48% !important;}
    .PicList li.i5, .PicList li.i8{clear: none;}
    .HonnorList li{width: auto; margin: 0 0 3%; display: block;}
}

/* 科普家园 */
.Leftbar{width: 20.8333%; float: left; padding-right: 2.777%; border-right: 1px solid #ededed;}
.Leftbar li{margin-bottom: 0.32rem;}
.Leftbar li .am{display: block; padding: 0 0.2rem 0 0.5rem; background: #f2f2f2; color: #333; font-size: 0.2rem; line-height: 0.7rem;}
.Leftbar li .am i{font-size: 0.28rem; float: right; transition: all 300ms;}
.Leftbar li.fold .am i{transform: rotate(-180deg);;}
.Leftbar li.empty .am i{display: none;}
.Leftbar li.on .am,.Leftbar li:hover .am{background: #005bac; color: #fff;}
.Leftbar li .three{padding: 0.2rem 0.2rem 0 0.7rem; display: none;}
.Leftbar li .three dd{line-height: 0.3rem;}
.Leftbar li .three dd i{font-size: 0.16rem; font-weight: bold;}
.Leftbar li .three dd.on a{display: block; color: #005bac;}
.Rightbar{width: 73.263%; float: right;}

.FalimyBox img.fl{margin-right: 2%;}
.FalimyBox img.fr{margin-left: 2%;}

@media ( max-width:1450px){
    .Leftbar li a{padding-left: 0.3rem;}
	.FalimyBox img.fl{margin-right: 2.5%;}
	.FalimyBox img.fr{margin-left: 2.5%;}
}

@media ( max-width:998px){
    .Leftbar,.Rightbar{width: auto; float: none;}
    #Left,#Right{height: auto !important;}
    .Leftbar{padding-right: 0; border-right: none;}
    .Leftbar li{margin-bottom: 2px;}
    .Leftbar li .three{padding: 0.2rem 0.2rem 0.2rem 0.3rem;}
    /* .Leftbar li{display: inline-block; margin: 0 0.1rem;}
    .Leftbar li a{padding: 0 0.2rem; margin-bottom: 0.1rem;} */
    .Rightbar{padding-top: 0;}
}

@media ( max-width:480px){
    /* .Leftbar li{display: block; width: 49%; float: left; margin: 0 0 0.1rem;}
    .Leftbar li:nth-child(2n){float: right;}
    .Leftbar li a{margin-bottom: 0; line-height: 0.6rem;} */
    .FalimyBox img{width: auto !important; float: none; margin: 0 !important; max-width:99.5%;}
}

/* 加入我们 */
.JoinBox .label li{display: inline-block; position: relative; margin: 0 0.1rem;}
.JoinBox .label li a{display: block; width: 3rem; line-height: 0.64rem; border-radius: 0.4rem; font-size: 0.28rem; color: #005bac; background: #edf2f6;}
.JoinBox .label li i{position: absolute; width: 0.16rem; height: 0.09rem; bottom: -0.09rem; left: 50%; margin-left: -0.08rem; background-size: cover; background-image: url(../images/arr3.png); opacity: 0;}
.JoinBox .label li.on a{background: #005bac; color: #fff; font-weight: bold;}
.JoinBox .label li.on i{opacity: 1;}

.JobList{box-shadow: 0 0 50px rgba(0,0,0,0.05); padding: 0 0.6rem;}
.JobList li{padding: 0.3rem 0; border-bottom: 1px solid #f2f2f2;}
.JobList li:last-child{border-bottom: none;}
.JobList li .box{background-repeat: no-repeat; background-position: right top; background-image: url(../images/jia.png);}
.JobList li .box .tit{font-size: 0.26rem; line-height: 0.36rem; margin-bottom: 0.2rem; color: #005bac;}
.JobList li .box .p{color: #999; font-size: 0.18rem;}
.JobList li .box .p i{margin: 0 0.26rem; width: 1px; height: 0.16rem; background: #e5e5e5; display: inline-block; vertical-align: middle;}
.JobList li .Con{padding-top: 0.1rem; font-size: 0.18rem; line-height: 0.36rem; color: #999; display: none;}
.JobList li .Con dl{margin-top: 0.3rem;}
.JobList li .Con dl dt{font-size: 0.22rem; color: #333;}
.JobList li.lion .box{background-image: url(../images/jian.png);}
.JobList li .Con .apply a{display: block; margin-top: 0.2rem; width: 1.22rem; line-height: 0.41rem; font-size: 0.16rem; color: #fff; background: #005bac; text-align: center;}


.JoinInfo{background-image: url(../images/joinbg.jpg); padding: 0.55rem 0.6rem;}
.JoinInfo li{width: 33.3333%; float: left; text-align: center; position: relative;}
.JoinInfo li::after{content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: rgba(255,255,255,0.1);}
.JoinInfo li:nth-last-child(2)::after{opacity: 0;}
.JoinInfo li .icon,.JoinInfo li .con{display: inline-block;}
.JoinInfo li .icon{width: 0.64rem; margin-right: 0.25rem;}
.JoinInfo li .con{text-align: left;}
.JoinInfo li .con span{display: block; font-size: 0.22rem; color: #89b1ff; line-height: 0.22rem;}
.JoinInfo li .con p{line-height: 0.34rem; margin-top: 0.16rem; font-size: 0.32rem; color: #fff;} 

@media ( max-width:1024px){
    .JobList{padding: 0 0.25rem;}
    .JobList li{padding: 0.25rem 0;}
    .JobList li .box .tit{font-size: 0.24rem; margin-bottom: 0.1rem;}
    .JobList li .Con dl{margin-top: 0.15rem;}
    .JobList li .Con dl dt{font-size: 0.22rem;}
    .JoinInfo{padding: 0.35rem 0.25rem;}
    .JoinInfo li .con p{font-size: 0.25rem; margin-top: 0.1rem;}
    
}

@media ( max-width:480px){
    .JoinBox .label li{margin: 0;}
    .JoinBox .label li a{width: 1.4rem; line-height: 0.5rem; font-size: 0.24rem;}
    .JoinInfo{padding: 0.1rem 0.25rem;}
    .JoinInfo li{width: auto; float: none; text-align: left; padding: 0.4rem 0;}
    .JoinInfo li::after{left: 0; top: auto; width: 100%; height: 1px;}
}

/* 22-07-22 */
.totop{display: none; position: fixed; right: 0; bottom: 10%; z-index: 99; width: 50px; line-height: 50px; text-align: center; background: rgba(0,0,0,0.5); color: #fff !important; font-weight: bold;}
.totop:hover{background: #005bac;}
.totop.cd-is-visible{display: block;}

/* 22-07-25 */
.ProAdvant1 .list{margin-left: -3%;}
.ProAdvant1 .list li{width: 30.333%; float: left; margin: 0 0 3% 3%;}
.ProAdvant1 .list li .box{border: 1px solid #e1e1e1; border-radius: 0.1rem; padding: 0.22rem 0.4rem;}
.ProAdvant1 .list li .box .title{line-height: 0.8rem; padding-bottom: 0.16rem; margin-bottom: 0.2rem; border-bottom: 1px solid #e1e1e1; font-size: 0.24rem; color: #333;}
.ProAdvant1 .list li .box .title img{display: inline-block; width: 0.8rem; margin-right: 0.3rem;}
.ProAdvant1 .list li .box .info{height: 1.3rem; line-height: 0.32rem; color: #666; text-align: justify;}
.ProAdvant1 .list li:hover .box{box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.1);}

@media ( max-width:1470px){
    .ProAdvant1 .list li .box{padding: 0.2rem;}
    .ProAdvant1 .list li .box .title{line-height: 0.45rem; font-size: 0.22rem;}
    .ProAdvant1 .list li .box .title img{width: 0.45rem; margin-right: 0.1rem;}
    .ProAdvant1 .list li .box .info{line-height: 0.26rem; height: 1.56rem;}
}

@media ( max-width:480px){
    .ProAdvant1 .list{margin-left: 0;}
    .ProAdvant1 .list li{width: auto; float: none; margin: 0 0 0.15rem 0;}
    .ProAdvant1 .list li .box .info{height: auto;}
}

/* 联系我们 */
.ContactBox li{width: 33.3333%; float: left;}
.ContactBox li .box{padding: 0.58rem 0.5rem; background-color: #ebf2f8;}
.ContactBox li:nth-child(2n) .box{background-color: #e0ebf5;}
.ContactBox li .box .title{width: 1.93rem; line-height: 0.57rem; font-size: 0.28rem; text-align: center; color: #fff; font-weight: bold; background-image: url(../images/titbg.png); background-size: 100% 100%;}
.ContactBox li .box .con{height: 2.1rem; overflow: hidden;}
.ContactBox li .box dl dd{position: relative; margin-top: 0.35rem; color: #333; font-size: 0.24rem; padding-left: 0.44rem;}
.ContactBox li .box dl dd .icon{position: absolute; left: 0; top: 0.05rem; width: 0.24rem;}
.ContactBox li .box dl dd .more{display: inline-block; vertical-align: middle; margin-left: 0.1rem;}

@media ( max-width:1470px){
    .ContactBox li .box{padding: 0.3rem;}
    .ContactBox li .box .title{font-size: 0.26rem;}
    .ContactBox li .box dl dd{font-size: 0.22rem; margin-top: 0.3rem;}
}

@media ( max-width:768px){
    .ContactBox li{width: auto; float: none; margin: 0 0 0.15rem 0;}
    .ContactBox li .box .con{height: auto; overflow: visible;}
}

.ProType2 li{padding: 0.8rem 0;}
.ProType2 li:nth-child(2n){background-color: #f6f6f6;}
.ProType2 li .con{margin-bottom: 0.4rem; text-align: center;}
.ProType2 li .pro_tit{margin-bottom: 0.12rem;}
.ProType2 li .pro_info{text-align: center;}
.ProType2 li dl{text-align: center; font-size: 0;}
.ProType2 li dl dd{display: inline-block; width: 45%; margin: 0 2%;}
.ProType2 li dl dd .title{font-size: 0.2rem; color: #666; line-height: 0.3rem; margin-top: 0.2rem;}

@media ( max-width:480px){
    .ProType2 li dl dd{width: auto; margin: 0 0 0.3rem;}
    .ProType2 li dl dd:last-child{margin-bottom: 0;}
}